<!-- <div matRipple class="btn" fxLayout="row" fxLayoutAlign="center center">{{buttonText}}</div> -->

<button mat-button class="btn" (click)="onClick()"   [disabled]="disabled">
    <span style="padding: 10px 20px">{{buttonText}}</span>
</button>